<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link href="css/css01.css" rel="stylesheet" type="text/css" />

</head>
	

<body>
<div id="box">
	

	<div id="top">
   
   <ul>
   城市定位：（定位到当前城市）
   <a href="#">立即登录</a>&nbsp;&nbsp;&nbsp;<a href="#">立即注册</a>     
  	      <li><a href="#">我的信息</a></li>
          <li><a href="#">我的订单</a></li>
          <li><a href="#">网站导航</a></li>
   </ul>
    </div>
    
	<div id="sosuo">
  <form>
  搜索更多商品信息：
  <input type="text" name="search" placeholder="搜索.." height="100">
</form>
  
  </div>
    <div id="nav"><h3>美食每刻，与你分享
    <div id="gal">
  <nav class="galnav">
    <ul>
		<li><input type="radio" name="btn" value="one" checked="checked" />
		<label for="btn"></label>
        <figure>
          <img src="img/5fb2f568f14c3e324e22c8dc4ccd6f1ad04e596d6ebe-vIp2pC_fw658.jpg" />
          <figcaption>
            <h4 style="color:#000000">美食每刻</h4>
              <nav role='navigation'>
                <p>美食每刻</p>
		<ul>
			<li><a href="#" class="entypo-dribbble">
			</a></li>
			<li><a href="#" class="entypo-twitter"></a>
			</li>
		</ul>
              </nav>  
          </figcaption>
        </figure>
      	</li>
		<li><input type="radio" name="btn" value="two" /> <label for="btn">
		</label>
         <figure class="entypo-forward">
          <img src="img/8f922d63993cc5840a305f31a2336cc7b2b049b3a361-xOsFHZ_fw658.jpg" />
          <figcaption>
            <h4  style="color:#000000">美食每刻</h4>
              <nav role='navigation'>
                <p>美食每刻</p>
		<ul>
			<li><a href="#" class="entypo-dribbble"></a>
			</li>
			<li><a href="#" class="entypo-twitter"></a>
			</li>
		</ul>
              </nav>  
          </figcaption>
        </figure>
      	</li>
		<li><input type="radio" name="btn" value="three" /> <label for="btn">
		</label>
        <figure class="entypo-forward">
          <img src="img/17f58fca8c4baf7130ec68d0076abc655917bf0d10e76-L6xXIc_fw658.jpg" />
          <figcaption>
            <h4  style="color:#000000">美食每刻</h4>
              <nav role='navigation'>
                <p>美食每刻</p>
		<ul>
			<li>
			<a href="#" class="entypo-dribbble">
			</a></li>
			<li>
			<a href="#" class="entypo-twitter">
			</a></li>
		</ul>
              </nav>  
          </figcaption>
        </figure>
      	</li>
		<li><input type="radio" name="btn" value="four" /> <label for="btn">
		</label>
         <figure class="entypo-forward">
          <img src="img/66bce1e80bf877bdb295223303c3a3d9d32feec3ece3-U88vHz_fw658.jpg" />
          <figcaption>
            <h4  style="color:#000000">美食每刻</h4>
              <nav role='navigation'>
                <p>美食每刻 </p>
		<ul>
			<li><a href="#" class="entypo-dribbble">
			</a></li>
			<li><a href="#" class="entypo-twitter">
			</a></li>
		</ul>
              </nav>  
          </figcaption>
        </figure>
      	</li>
		<li><input type="radio" name="btn" value="five" /> <label for="btn">
		</label>
         <figure class="entypo-forward">
          <img src="img/6259e09b3c6b02db6b84db7c0bebd6194993968f383d3-3Ztdsf_fw658.jpg" />
          <figcaption>
            <h4  style="color:#000000">美食每刻</h4>
              <nav role='navigation'>
                <p>美食每刻</p>
		<ul>
			<li>
			<a href="#" class="entypo-dribbble">
			</a></li>
			<li>
			<a href="#" class="entypo-behance">
			</a></li>
		</ul>
              </nav>  
          </figcaption>
        </figure>
      	</li>
		<li><input type="radio" name="btn" value="six" /> <label for="btn">
		</label>
         <figure class="entypo-forward">
          <img src="img/f3bafc26ec8ed41931aa29fcbb5d017d17a10a10275fb-gJHpOA_fw658.jpg" />
          <figcaption>
            <h4  style="color:#000000">美食每刻</h4>
              <nav role='navigation'>
                <p>美食每刻</p>
		<ul>
			<li>
			<a href="#" class="entypo-dribbble">
			</a></li>
			<li>
			<a href="#" class="entypo-twitter">
			</a></li>
		</ul>
              </nav>  
          </figcaption>
        </figure>
      	</li>
	</ul>
  </nav>
</div>
<div id="nav_logo">
	<p><label class="label_input" id="anniu" style="background: #F5A3A4"><a href="#">甜品</a></label>
		<label class="label_input" id="anniu" style="background:#FCF77B"><a href="#">休闲</a></label>
		<label class="label_input" id="anniu" style="background: #DFA7F1"><a href="#">下午茶</a></label>
		<label class="label_input" id="anniu" style="background: #A1FFE6"><a href="#">早点</a></label>
		<label class="label_input" id="anniu" style="background: #C4DCE1"><a href="#">午茶</a></label>
		<label class="label_input" id="anniu" style="background: #D0D2ED"><a href="#">早茶</a></label>
		<label class="label_input" id="anniu" style="background: #F9CEFC"><a href="#">糕点</a></label>
		<label class="label_input" id="anniu" style="background: #CCF08F"><a href="#">饭点</a></label>
		<label class="label_input" id="anniu" style="background: #F9ADC4"><a href="#">重口味</a></label>
</div>
</div>

<div id="main"><h1 style="color:coral">推荐美食区</h1>
        <div id="tab">
    <div class="tabTitle">
        <ul>
            <li class="current">推荐美食</li>
            <li>美食独创</li>
            <li>美食秒杀</li>
            <li>美食大促</li>
           
        </ul>
    </div>
    <div class="tabCon">
		
        <div class="current" style="font-size: 18px" >
      
			<img class="first_img" src="img/5fb2f568f14c3e324e22c8dc4ccd6f1ad04e596d6ebe-vIp2pC_fw658.jpg" width="300" height="200" style="border:solid 1px #000000"/>
			<img class="first_img" src="img/a.jpg" width="600" height="200"><a href="#">了解美食，立即下单</a>
			<h6>鱿鱼菜式</h6>
			
                </div>
                
        <div style="font-size: 18px">
               <img class="first_img" src="img/8f922d63993cc5840a305f31a2336cc7b2b049b3a361-xOsFHZ_fw658.jpg" width="300" height="200" style="border:solid 1px #000000"/>
			<img class="first_img" src="img/a.jpg" width="600" height="200"><a href="#">了解美食，立即下单</a>
               <h6>xx菜式</h6>
                </div>
        <div style="font-size: 18px">
        <img class="first_img" src="img/17f58fca8c4baf7130ec68d0076abc655917bf0d10e76-L6xXIc_fw658.jpg" width="300" height="200" style="border:solid 1px #000000"/>
			<img class="first_img" src="img/a.jpg" width="600" height="200"><a href="#">了解美食，立即下单</a>
               <h6>xx菜式</h6>
		
       </div>
        <div style="font-size: 18px">
        <img class="first_img" src="img/f3bafc26ec8ed41931aa29fcbb5d017d17a10a10275fb-gJHpOA_fw658.jpg" width="300" height="200" style="border:solid 1px #000000"/>
            
             
              <img class="first_img" src="img/a.jpg" width="600" height="200">
			<a href="#">了解美食，立即下单</a>
               <h6>xx糕点</h6>
			
			<div class="sp"></div>
                </div>

    
    </div>
</div>
        
</div>
	</div>
</body>
</html>
